<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<body>
	<script type="text/javascript">
		$(function() {
			$('#pp').portal({});
			
			var left = $("#user_role_left").panel();
			var right = $("#user_role_right").panel();
			 
			// add the panel to portal
			$('#pp').portal('add', {
			    panel: left,
			    columnIndex: 0
			});
			
			// add the panel to portal
			$('#pp').portal('add', {
			    panel: right,
			    columnIndex: 1
			});
			
		});
	</script>
	<div id="pp" style="width:540px;height:365px;">
	    <div style="width:50%;height:340px;"></div>
	    <div style="width:50%;height:340px;"></div>
	</div>
</body>